<!--次日计划-->
<div>
    <el-form >
        <el-form-item label="" ></el-form-item>
    </el-form>
    <div class="panel-parent">
        <div class="side-panel">
            <div>

            </div>
        </div>
        <div class="self">
            <div class="consume-panel">
                <el-form :inline="true" ref="form" :model="form" label-position="left" label-width="100px">
                    <el-form-item label=""  s class="thin-item" prop="flightInfo.flightInfoId":rule
                            ="[ {required: false, message: '航班号不能为空'}]">
                        <el-select clearable  v-model="form.flightInfo.flightInfoId" filterable placeholder="航班号"   >
                            <el-option
                                    v-for="plane in planes"
                                    :key="plane.flightInfoId"
                                    :label="plane.flightNum"
                                    :value="plane.flightInfoId"
                            >
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label=""  class = "transparent thin-item">
                        <el-button type="primary" @click="queryAppointment">查询</el-button>
                    </el-form-item>
                </el-form>
            </div>
            <div class="consume-panel">
                <el-row  type="flex" justify="space-around">
                    <el-col :span="24" style="margin-right: 5px">
                        <el-table :data="exportData"   ref="table2" :row-class-name="rowClass"  border height="350" >
                            <el-table-column prop="appoUnit"  header-align="center" label="出港">
                                <el-table-column prop="flightInfo.flightNum"  label="航班号" min-width="80" >
                                </el-table-column>
                                <el-table-column prop="flightInfo.flightNo" label="机号" min-width="80">
                                </el-table-column>
                                <el-table-column prop="gatePosition" label="机位" min-width="50">
                                </el-table-column>
                                <el-table-column  label="预起" min-width="58">
                                    <template scope="scope">
                                        <span>
                                            {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
                                        </span>
                                    </template>
                                </el-table-column>
                                <el-table-column  label="保障进程节点"  >
                                    <el-table-column  v-for="(item, index) in nodes"  :key="index" :label="item.nodeName"   :min-width="item.nodeName.length*14+20">
                                        <template scope="scope">
                                            <div :class="nodeCompleted(item,scope.row.courseNodePos)==true?'button-or-div-d':'button-or-div-b'">
                                                <div class="node-div">{{item.nodeName}}</div>
                                                <div class="node-button" @click="nodeComplete(scope,item)">{{item.nodeName}}</div>
                                               <!--<el-button class="node-button"  size="mini" slot="reference" type="text"  @click="nodeComplete(scope,item)">     {{item.nodeName}}</el-button>-->
                                            </div>
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                            </el-table-column>
                        </el-table>
                    </el-col>
                </el-row>
            </div>
            <div class="consume-panel">
                <el-row  type="flex" justify="space-around">
                    <el-col :span="24" style="margin-right: 5px">
                        <el-table :data="importData"  border   ref="table" :row-class-name="rowClass" height="350" >
                            <el-table-column prop="appoUnit"  header-align="center" label="进港">
                                <el-table-column prop="flightInfo.flightNum"  label="航班号" min-width="80" >
                                </el-table-column>
                                <el-table-column prop="flightInfo.flightNo" label="机号" min-width="80">
                                </el-table-column>
                                <el-table-column prop="gatePosition" label="机位" min-width="50">
                                </el-table-column>
                                <el-table-column  label="预落" min-width="58">
                                    <template scope="scope">
                                <span>
                                    {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
                                </span>
                                    </template>
                                </el-table-column>
                                <el-table-column  label="保障进程节点"  >
                                    <el-table-column  v-for="(item, index) in nodes"  :key="index" :label="item.nodeName"   :min-width="item.nodeName.length*14+20">
                                        <template scope="scope">
                                            <div :class="nodeCompleted(item,scope.row.courseNodePos)==true?'button-or-div-d':'button-or-div-b'">
                                                <div class="node-div">{{item.nodeName}}</div>
                                                <div class="node-button" @click="nodeComplete(scope,item)">{{item.nodeName}}</div>
                                                <!--<el-button class="node-button"  size="mini" slot="reference" type="text"  @click="nodeComplete(scope,item)">     {{item.nodeName}}</el-button>-->
                                            </div>
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                            </el-table-column>
                        </el-table>
                    </el-col>
                </el-row>
            </div>

            <el-dialog
                    title="次日航班计划修改"
                    :visible.sync="flightPlaneEdit"

            >
                <el-row v-if="flightPlaneEdit">

                </el-row>

            </el-dialog>

        </div>
    </div>
    <messages :parentData="messageComponent"></messages>
</div>


